import 'package:bxultimate/app/theme/app_theme.dart';
import 'package:bxultimate/app/theme/gaps.dart';
import 'package:bxultimate/widgets/app/app_gd_map.dart';
import 'package:bxultimate/widgets/mk_page.dart';
import 'package:bxultimate/widgets/mk_scroll_view.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';
import 'package:amap_flutter_base/amap_flutter_base.dart';
import 'controller.dart';

class ExaminationReadyPage extends StatefulWidget {
  const ExaminationReadyPage({Key? key}) : super(key: key);

  @override
  State<ExaminationReadyPage> createState() => _ExaminationReadyPageState();
}

class _ExaminationReadyPageState extends State<ExaminationReadyPage> {
  final controller = Get.find<ExaminationReadyController>();
  final state = Get.find<ExaminationReadyController>().state;

  @override
  Widget build(BuildContext context) {
    return MkPage(
      child: Scaffold(
        backgroundColor: Colors.transparent,
        appBar: TDNavBar(
          backgroundColor: Colors.transparent,
          title: "考前须知",
        ),
        body: MkScrollView(
          bottomButton: TDButton(
            isBlock: true,
            theme: TDButtonTheme.primary,
            text: '我已知晓，开始考试',
            shape: TDButtonShape.circle,
            onTap: controller.startExamination,
            height: 48,
          ),
          children: [
            _buildBody(),
          ],
        ),
      ),
    );
  }

  _buildBody() {
    TextStyle tipStyle = TextStyle(fontSize: 16);

    return Padding(
      padding: EdgeInsets.all(AppTheme.iDefaultPadding),
      child: Column(children: [
        Text(
            "1.各位考生在开考前须先使用安卓手机（不支持苹果手机）下载《兵馨APP》注册、登录，点击“应用 - 役前教育 - 在线考试”选择考题，统一开考信号发出后开始答题；",
            style: tipStyle),
        Gaps.vGap8,
        Text("2.各位考生考前须确保作答设备的网络通畅、电力充足、设备稳定等，如因此类客观原因导致考试中断或影响考试，考试时间不予延长；",
            style: tipStyle),
        Gaps.vGap8,
        Text("3.考试期间，系统会自动获取考生位置，超出考场范围的考生，成绩无效；", style: tipStyle),
        Gaps.vGap8,
        Text("4.开考前，考生作答设备需提前退出微信、QQ等通讯软件，手机开启“免打扰”模式，以免电话呼入、消息弹窗等导致系统误判为切屏；",
            style: tipStyle),
        Gaps.vGap8,
        Text("5.考试期间，手机页面须保持停留在兵馨APP考试页面，息屏或切到其他应用界面超过三次，系统将自动提交答卷结束考试；",
            style: tipStyle),
        Gaps.vGap8,
        Text(
            "6.考生在考场内须保持安静，严格遵守考场纪律，不准交头接耳，左顾右盼；不准偷看，抄袭他人答案；对于违反考场规则，不服从监考人员管理和舞弊者按违反考场规则处理，情节严重的将取消本次考试成绩。",
            style: tipStyle),
        Text("7.考生须在规定时间内完成答题，考试截止时间一到，无论是否完成答题，系统将自动提交答卷，结束考试。",
            style: tipStyle),
        Container(
          width: double.infinity,
          height: 200,
          child: AppGdMap(
            point: AppGdMapPoint(latLng: LatLng(37.27, 112.30), icon: ""),
          ),
        ),
        Gaps.vGap8,
        Obx(()=>TDCell(
          title: '当前位置：',
          note: "${state.mapDto.address}",
        ))
      ]),
    );
  }

  @override
  void dispose() {
    Get.delete<ExaminationReadyController>();
    super.dispose();
  }
}
